.tbox{
}
.tbox1{
}


.tbox,.tbox1{
  position: fixed;
  height: 80px;
  width: 100%;
  z-index: 10000;
  background-size: 100%;
  display: flex;
    align-items: center;
  .parts{
    position: absolute;
    width: 10%;
    height: 25px;
    border-top: solid #03a9f4 6px;
    z-index: 10001;
  }
  .title{
    // position: absolute;
    z-index: 10000;
    height: 60px;
    float: left;
    width:auto;
    // padding: 20px 80px 20px 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    line-height: 60px;
  }
  .title-leafletV1{
    z-index: 10000;
    height: 60px;
    width:auto;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: auto;
    line-height: 60px;
  }

  .topMenu{
    z-index: 9999;
    position: absolute;
    height: 60px;
    float: left;
    width: 70%;
    // padding: 20px 80px 20px 30px;
    // background:linear-gradient(0, transparent 0px, rgba(39, 53, 81, 0.9) 0) top left, linear-gradient(-60deg, transparent 25px, rgba(39, 53, 81, 0.9) 0) top right, linear-gradient(-60deg, transparent 40px, rgba(39, 53, 81, 0.9) 0) bottom right, linear-gradient(0, transparent 0px, rgba(39, 53, 81, 0.9) 0) bottom left;
    // background-size: 50% 50%;
    // background-repeat: no-repeat;


    .menu {
      flex: 1;
      list-style: none;
      margin: 0;
      padding: 0;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      li {
        position: relative;
        margin-right: 48px;
        a {
          display: flex;
          align-items: center;
          height: 100%;
          font-size: 14px;
          color: #fff;
          text-decoration: none;
        }
        &.active,
        &:hover {
          a.first {
            color: #0eb893e8 ;
          }
        }
        &:hover {
          a.first:after {
            position: absolute;
            bottom: 16px;
            left: 50%;
            content: '';
            display: block;
            width: 38px;
            height: 4px;
            background:#41451be8;
            transform: translate(-50%, 0);
          }
        }
        &:hover {
          .secondMenuBg,
          .secondMenu {
            display: block;
          }
        }
        .secondMenuBg {
          display: none;
          position: fixed;
          left: 0;
          right: 0;
          top: 80px;
          background: rgba(255,255,255,0.9);
          z-index: 998;
        }
        .secondMenu {
          display: none;
          width: 400px;
          position: absolute;
          top: 80px;
          left: calc(50% - 200px);
          z-index: 999;
          .secondMenuItem {
            height: 35px;
            margin: 5px 0 10px;
            a {
              display: flex;
              justify-content: center;
              color: #ffffff ;
              &.active,
              &:hover {
                color: #41451be8 ;
              }
            }
          }
        }
      }
    }
  }
  
}